.theme-download-card {
	text-align: center;

	.gridicon {
		display: inline-block;
		margin: -0.5em 0 -1.1em;
		fill: #c8d7e1;
	}

	.button {
		display: inline-block;
	}

	p {
		margin: 1.15em 0;
		a {
			color: inherit;
			text-decoration: underline;
		}
	}

	&__external-icon {
		vertical-align: text-bottom;
	}
}

@include breakpoint-deprecated( ">1040px" ) {
	.theme-download-card {
		text-align: inherit;

		.gridicon {
			fill: var(--color-neutral-10);
			position: absolute;
			transform: translateY(-50%);
			margin: 0.3em 0 0;
			float: left;
			top: 50%;
		}

		.button {
			position: absolute;
			transform: translateY(-50%);
			top: 50%;
			right: 26px;
		}

		p {
			margin: 0 122px 0 71px;
		}
	}
}
